import React from "react";
import ReactDOM from "react-dom";

import { Button, SpaceWraper } from "./node_modules/@teach_wmg_21";

const style = {
    square: {
        width: '100px',
        height: '100px',
        backgroundColor: 'orangered'
    }
}

export default class ComTest extends React.Component {

    constructor(props) {
        super(props);

        this.state = {

        }
    }


    componentDidMount() {

    }




    render() {
        return (
            <div id="aaa" style={{ height: '600px', width: '100%' }} >

                <SpaceWraper direction={"column"} wrapStyle={{ width: '100%', flex: 1 }}>

                    <SpaceWraper direction={"row"}>
                        <div style={style.square}></div>
                        <div style={style.square}></div>
                        <div style={style.square}></div>
                    </SpaceWraper>

                    <SpaceWraper direction={"column"}>
                        <div style={style.square}></div>
                        <div style={style.square}></div>
                        <div style={style.square}></div>
                    </SpaceWraper>

                </SpaceWraper>
            </div>

        );
    }
}